<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动float实现百度热映电影的布局</title>
    <link rel="stylesheet" href="css/reset.css">
    <style>
        h3{
            margin-top: 10px;
        }
        .contain{
          margin-top: 20px;
        }
        i{
            color: red;
            font-weight: normal;
        }
        .left{
            float: left;
        }
        .right{
            float:left;
            margin:5px 0px 0px 30px;
        }
        h2{
            line-height: 41px;
        }
        span{
            font-size: xx-large;
            color: #18a3ff;
        }
        p{
           line-height: 22px;
        }
    </style>
</head>
<body>
     <h3><a href="#"><i>赏金猎人</i>-预告、花絮、更多电影视频-百度视频</a></h3>
     <div class="contain">
     <div class="left">
        <img src="images/shangjin.jpg" alt="赏金猎人" height="180">
     </div>
     <div class="right">
        <h2>还有<span>2</span>天上映</h2>
        <p>上映日期：2016年7月01日</p>
        <p>导演：<a href="#">申太罗</a></p>
        <p>主演：<a href="#">钟汉良</a> <a href="#">李敏镐</a></p>
        <p>类型：动作</p>
        <p>地区：香港</p>
        <p>baidu.com <a href="#"><img src="images/xiaotu2.png"></a></p>
    </div>
</div>
</body>
</html>
